import { setCssVar, getCssVar } from "quasar"
import { ThemeStyleQuasar } from "./config"

export default function ({ app }) {
    // const kk = getCssVar("primary")
    // console.log(`kk 👉`,kk)
    const primary = getCssVar("primary") || ThemeStyleQuasar.primary
    // console.log(`primary 👉`, primary)
    const secondary = getCssVar("secondary") || ThemeStyleQuasar.secondary
    const accent = getCssVar("accent") || ThemeStyleQuasar.accent
    const positive = getCssVar("positive") || ThemeStyleQuasar.positive
    const negative = getCssVar("negative") || ThemeStyleQuasar.negative
    const info = getCssVar("info") || ThemeStyleQuasar.info
    const warning = getCssVar("warning") || ThemeStyleQuasar.warning
    const light = getCssVar("light") || ThemeStyleQuasar.light
    const dark = getCssVar("dark") || ThemeStyleQuasar.dark

    setCssVar("primary", primary)
    setCssVar("secondary", secondary)
    setCssVar("accent", accent)
    setCssVar("positive", positive)
    setCssVar("negative", negative)
    setCssVar("info", info)
    setCssVar("warning", warning)
    setCssVar("light", light)
    setCssVar("dark", dark)
}
